@charset "utf-8";
.LayaFlash{
    
    background: #8bc01f;
    padding: 60px 0;
    .row{
        margin: 0;
    }
    .head{
        h6{
            color: #ffffff;
            font-size: 48px;
        }
        span{
            width: 57px;
            height: 54px;
            display: inline-block;
            background: white;
            color: #8bc01f;
            border-radius: 5px;
            font-weight: bold;
            margin-right: 12px;
            text-align: center;
            line-height: 54px;
        }
        p{
            color: #ffffff;
            font-size: 24px;
            margin-left: 15px;
        }
    } 
    .content{
        
        margin-top: 65px;
        p{
            color: #ffffff;
            font-size: 14px;
            margin-left: 15px;
            margin-bottom: 25px;
        }
        a{
            margin-left: 15px;
            display: block; 
            background: white;
            color: #8bc01f;
            height: 35px;
            width: 100px;
            border-radius: 5px;
            text-align: center;
            line-height: 35px;
        }
    }
    .imgBox{
        width: 450px;
        height: 445px;
        margin: 0 auto;
        img{
            width: 100%;
            height: 100%;
        }
    }
}
.LayaPlayer{
    background: #3393df;
    padding: 60px 0;
    .row{
        margin: 0;
    }
    .head{
        span{
            display: inline-block;
            width: 30px;
            height: 45px;
            background: white;
            color: #3393df;
            border-radius: 5px;
            font-weight: bold;
            margin-right: 12px;
            font-size: 40px;
            text-align: center;
            line-height: 45px;
        }
        h6{
            color: #ffffff;
            font-size: 48px;
        }
    }
    .content{
        margin-top: 15px;
        .imgBox1{
            width: 300px;
            height: 290px;
            img{
                width: 100%;
                height: 100%;
            }
        }
        .imgBox2{
            margin-top: 150px;
            width: 265px;
            height: 270px;
            img{
                width: 100%;
                height: 100%;
            }
        }
        .msg1{
            margin-top: 25px;
        }
        .msg2{
            margin-top: 30px;
        }
        h6{
            font-size: 24px;
            color: #ffffff;
        }
        p{
            font-size: 14px;
            color: #ffffff;
            line-height: 30px;
        }
    }
}
.AirandOpen{
    background: white;
    padding: 80px 0;
    .row{
        margin: 0;
    }
    .head{
        h6{
            font-size: 42px;
            color: #3393df;
            span{
                display: inline-block;
                width: 40px;
                height: 40px;
                color: white;
                background: #3393df;
                line-height: 40px;
                text-align: center;
                font-weight: bold;
                margin-right: 12px;
                font-size: 36px;
            }
        }
        p{
            font-size: 18px;
            color: #5d5d5d;
        }
    }
    .content{
        h6{
            font-size: 18px;
            color: #3393df;
        }
        p{
            font-size: 14px;
            color: #5d5d5d;
        }
        .imgBox{
           width: 140px;
           height: 140px;
           overflow: hidden;
           border-radius: 30px;
           margin: 0 auto;
           margin-top: 40px;
           img{
               width: 100%;
               height: 100%;
           } 
        }
    }
}
.StoreandPublish{
    background: #f7f7f7;
    padding: 80px 0;
    .row{
        margin: 0;
    }
    .head{
        h6{
            font-size: 42px;
            color: #3393df;
            span{
                display: inline-block;
                width: 40px;
                height: 40px;
                color: white;
                background: #3393df;
                line-height: 40px;
                text-align: center;
                font-weight: bold;
                margin-right: 12px;
                font-size: 36px;
            }
        }
        p{
            font-size: 18px;
            color: #5d5d5d;
        }
    }
    .content{
        h6{
            font-size: 18px;
            color: #3393df;
        }
        p{
            font-size: 14px;
            color: #5d5d5d;
        }
        .imgBox{
           width: 140px;
           height: 140px;
           overflow: hidden;
           border-radius: 30px;
           margin: 0 auto;
           margin-top: 40px;
           img{
               width: 100%;
               height: 100%;
           } 
        }
    }
}
//其他重置样式

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
    padding-left: 0;
    padding-right: 0;
}
//多媒体<=990
@media only screen and (max-width:990px ) {
    .LayaFlash{
        .imgBox{
            display: none;
        }
    }
    .LayaPlayer{
        .imgBox1{
            display: none;
        }
        .imgBox2{
            display: none;
        }
    }
    .AirandOpen{
        .imgBox{
            display: none;
        }
    }
    .StoreandPublish{
        .imgBox{
            display: none;
        }
    }
}
@media only screen and (max-width:480px ) {
    .bottom{
        .content{
            .contact{
                left: 20px;
                bottom: -35px;
            }
        }
    }
}